"use strict";

window.onload = function () {
  // console.log(ospan)
  var odiv = document.querySelector(".time");
  var ospan = odiv.children;

  function daojishi() {
    var nowdate = new Date();
    var h = nowdate.getHours();
    var h1 = h + 1;
    var hour = document.querySelector(".hours");
    hour.innerHTML = h1 + ":00";
    var m = nowdate.getMinutes();
    var s = nowdate.getSeconds();
    var m1 = 60 - m;
    var s1 = 60 - s;
    m1 = m1 < 10 ? "0" + m1 : m1;
    s1 = s1 < 10 ? "0" + s1 : s1;

    if (m1 <= 59) {
      ospan[0].innerText = "00";
    } else {
      ospan[0].innerText = "01";
    }

    ospan[2].innerText = m1;
    ospan[4].innerText = s1;
  }

  var timer = setInterval(function () {
    daojishi();
  }, 1000);
  $(window).scroll(function () {
    var st = $(this).scrollTop();

    if (st > 800) {
      $(".sea-hd-warp").css({
        "display": "block"
      });
    } else {
      $(".sea-hd-warp").css({
        "display": "none"
      });
    }

    ;
  }); //获取用户ID

  function getID() {
    var uid = localStorage.getItem('uid');
    console.log(uid);

    if (uid) {
      $("#nav-right li:eq(0) a:eq(0)").text(uid);
      $(".hdmas p").empty().text(uid);
    }
  }

  getID();

  function bannerswitch() {
    var url = 'http://jx.xuzhixiang.top/ap/api/allproductlist.php';
    axios.get(url, {
      params: {
        uid: 44883
      }
    }).then(function (res) {
      var arr = res.data.data;
      var html = '';

      for (var i = 4; i < 7; i++) {
        html += "\n            <figure>\n                <img src=\"\n                ".concat(arr[i].pimg, "\" alt=\"\">\n                <figcaption><a href=\"item.html?id=").concat(arr[i].pid, "\">").concat(arr[i].pname, "</a></figcaption>\n            </figure>\n            ");
      }

      var list = document.querySelector(".top-bot");
      list.innerHTML = html;
    });
  }

  bannerswitch();

  function loadData() {
    var url = 'http://jx.xuzhixiang.top/ap/api/allproductlist.php';
    axios.get(url, {
      params: {
        uid: 44883
      }
    }).then(function (res) {
      console.log(res.data.data); // 商品数组

      var arr = res.data.data;
      var html = '';

      for (var i = 0; i < 4; i++) {
        html += "<figure>\n                <img src=\"".concat(arr[i].pimg, "\" alt=\"\">\n                <figcaption>\n                <a href=\"item.html?id=").concat(arr[i].pid, "\"><h6>").concat(arr[i].pname, "</h6></a>\n                <b>\uFFE5").concat(arr[i].pprice, "</b>\n                <span>\uFFE5").concat(arr[i].pprice, "</span>\n                </figcaption>\n                </figure>");
      }

      var list = document.querySelector('.salecon-right');
      list.innerHTML = html;
      var html1 = '';
      html1 += "<a href=\"item.html?id=".concat(arr[0].pid, "\"> <img src=\"").concat(arr[0].pimg, "\" alt=\"\"></a>");
      var list1 = document.querySelector(".banner-swi ");
      var list2 = list1.children;

      for (var _i = 0; _i < list2.length; _i++) {
        list2[_i].innerHTML = html1;
      }

      var html2 = '';

      for (var _i2 = 0; _i2 < 15; _i2++) {
        html2 += " <a href=\"item.html?id=".concat(arr[_i2].pid, "\">\n               <img src=\"").concat(arr[_i2].pimg, "\" alt=\"\">\n               <p><span>\u81EA\u8425</span>").concat(arr[_i2].pname, "</p>\n               <b>\uFFE5").concat(arr[_i2].pprice, "</b>\n           </a>");
      }

      var list3 = document.querySelector(".morelist");
      list3.innerHTML = html2;
    });
  }

  loadData();
}; // $(function(){
//     $(window).scroll(function(){
//         let st = $(this).scrollTop();
//         if(st>500){
//             $(".ele").css({"position":"fixed","right":"0","top":"53px"})
//         }
//         $("#in-con div").each(function(){
//             if(st>=$(this).offset().top){
//                 let index = $(this).index();
//                 $("#in-con div").eq(index).addClass("hover").siblings().removeClass("hover");
//             }
//         })
//     })
//     $(".ele div").click(function(){
//         let index = $(this).index();
//         $("body,html").stop().animate({
//             "scrollTop": $("#content li").eq(index).offset().top
//         }, 800, function () {
//             flag = true;
//         });
//         $(this).addClass("hover").siblings().removeClass("hover");
//     })
//     $("#floorNav li:last").click(function () {
//         flag = false;
//         $("body,html").stop().animate({
//             "scrollTop": 0
//         }, 800, function () {
//             flag = true;
//         });
//         $("#floorNav").fadeOut();
//     })
// })